/*
 * @Author: scopesang
 * @Date: 2022-03-16 09:32:55
 * @LastEditors: scopesang
 * @LastEditTime: 2022-03-16 09:37:04
 * @FilePath: \react-js-master\src\components\day2.jsx
 * @Description: 
 * 
 * Copyright (c) 2022 by scopesang/大鹏科技, All Rights Reserved. 
 */
import React from "react";
let flag = true;
let arr = [1, 2, 3];
export default class day2 extends React.Component {
  render() {
    return (
      <div>
        <label htmlFor="userName">msg</label>
        <input type="text" id="userName" />
        <div className="new"></div>
        <div style={{ marginRight: flag ? 14 + "px" : 17 + "px" }}></div>
        {arr.map((item, index) => {
          return (
            <div key={index}>{item}</div>
          )
        })}
      </div>
    );
  }
}

// ## React 第二天
// ### js 的注释 {/* 255 */}
//  没必要去理解 jsx element must be wrapper in an enclosing tag 包裹在一个闭合的标签内
// ### react 有空标签 
// + <></> 类似小程序的Block
// ### 三元运算符 { marginRight: flag ? 14 + "px" : 17 + "px" }
// ### 遍历渲染使用 
// + map  不用forEach  react中列表循环有且只有Map可以使用，因为只有Map 才有返回值 ,forEach 没有
// + forEach 性能更高 forEach 不会返回执行结果 而是 undefined undefined undefined,所以只能用 map
//